﻿@model FOModels.DepositSaving.DepositSavingModels
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.Title = "" + FOResource.UI.Layout.lblinfo + "";
    ViewBag.Description = "Bạn điền đầy đủ thông tin dưới đây và VNBankNet tiết kiệm cho ngân hàng mà bạn đã chọn. " + Model.DepositSavingName + " - " + Model.CompanyName + "";
    var faq = (List<FOModels.ProductFAQ.ProductFAQModels>)ViewBag.FAQ;
    var userinfo = (FOModels.User.User)ViewBag.UserInfo;
}
<link rel="stylesheet" type="text/css" href="@Url.Content("/Content/assets/css/jquery-ui.css")" />
<script src="/Content/assets/js/jquery.ui.datepicker.js" type="text/javascript"></script>
<script type="text/javascript" src="/Content/assets/js/validate-form.js"></script>
<script type="text/javascript">
    $(function () {
        $("#dob").datepicker({
            dateFormat: "dd/mm/yy",
            changeMonth: true,
            changeYear: true,
            minDate: new Date(1890, 1 - 1, 1),
            maxDate: "+1m +1w",
            defaultDate: new Date(1980, 1 - 1, 1),
        });
    });
</script>
<hr style="background: #bebebe; margin-left: 10px; margin-right: 10px;" />
<div class="container">
    <div class="product-item">
        <p class="bank-title">
            <a title="@Model.CompanyName" href="@Url.Action("TermSavingByProvider", "DepositSaving", new { CompanyName = FO.Models.Conver.ConvertToUnSign(Model.CompanyName).ToLower(), CompanyID = Model.CompanyID })">@Model.CompanyName</a>
            @Model.DepositSavingName
        </p>
        <img alt="" class="product-item-img" src="@Url.Content("http://vnbanknet.com/Content/UpLoad/Images/" + @Model.CompanyImg + "")" />
    </div>
    <div style="clear: both;"></div>
    <hr style="background: #bebebe; margin-top: 10px;" />
    <div id="id-deposit" style="display:none;">@Model.DepositSavingID</div>
    <div class="form-input-info">
        <form id="contact-form" class="form-horizontal">
            @if (userinfo != null)
            {
                <div class="control-group">
                    <label class="control-label" for="name">@FOResource.UI.Product.Card.lblname (*)</label>
                    <div class="controls">
                        <input data-corners="false" type="text" value="@userinfo.DisplayName" class="input-xlarge" name="name" id="name" maxlength="100">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="email">Email (*)</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" value="@userinfo.Email" name="email" id="email" maxlength="100">
                    </div>
                </div>
                <div class="clr"></div>
                <div class="control-group">
                    <label class="control-label" for="phone">@FOResource.UI.Product.Card.lblphone (*)</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" value="@userinfo.Phone" name="phone" id="phone" maxlength="11">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="icome">@FOResource.UI.Product.Card.lblincome</label>
                    <div class="controls">
                        <select data-mini="true" data-theme="c" class="input-xlarge" name="icome" id="icome">
                            <option value="@FOResource.UI.Product.Card.lbloptincome1">@FOResource.UI.Product.Card.lbloptincome1</option>
                            <option value="@FOResource.UI.Product.Card.lbloptincome2">@FOResource.UI.Product.Card.lbloptincome2</option>
                            <option value="@FOResource.UI.Product.Card.lbloptincome3">@FOResource.UI.Product.Card.lbloptincome3</option>
                            <option value="@FOResource.UI.Product.Card.lbloptincome4">@FOResource.UI.Product.Card.lbloptincome4</option>
                        </select>
                    </div>
                </div>
                <div class="clr"></div>
                <div class="control-group">
                    <label class="control-label" for="dob">@FOResource.UI.Product.Card.lbldob</label>
                    <div class="controls">

                        <input data-corners="false" type="text" class="input-xlarge" name="dob" value="@userinfo.DOB" id="dob">
                    </div>
                </div>
            }
            else
            {
                <div class="control-group">
                    <label class="control-label" for="name">@FOResource.UI.Product.Card.lblname (*)</label>
                    <div class="controls">
                        <input data-corners="false" type="text" value="" class="input-xlarge" name="name" id="name" maxlength="100">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="email">Email (*)</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" value="" name="email" id="email" maxlength="100">
                    </div>
                </div>
                <div class="clr"></div>
                <div class="control-group">
                    <label class="control-label" for="phone">@FOResource.UI.Product.Card.lblphone (*)</label>
                    <div class="controls">
                        <input type="text" class="input-xlarge" value="" name="phone" id="phone" maxlength="11">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="icome">@FOResource.UI.Product.Card.lblincome</label>
                    <div class="controls">
                        <select data-mini="true" data-theme="c" class="input-xlarge" name="icome" id="icome">
                            <option value="@FOResource.UI.Product.Card.lbloptincome1">@FOResource.UI.Product.Card.lbloptincome1</option>
                            <option value="@FOResource.UI.Product.Card.lbloptincome2">@FOResource.UI.Product.Card.lbloptincome2</option>
                            <option value="@FOResource.UI.Product.Card.lbloptincome3">@FOResource.UI.Product.Card.lbloptincome3</option>
                            <option value="@FOResource.UI.Product.Card.lbloptincome4">@FOResource.UI.Product.Card.lbloptincome4</option>
                        </select>
                    </div>
                </div>
                <div class="clr"></div>
                <div class="control-group">
                    <label class="control-label" for="dob">@FOResource.UI.Product.Card.lbldob</label>
                    <div class="controls">

                        <input data-corners="false" type="text" class="input-xlarge" name="dob" value="" id="dob">
                    </div>
                </div>
            }
            <div class="agreemain">
                <div id="divPrivacyPolicy" class="agree">
                    <label>
                        <input id="term" data-mini="true" checked="checked" type="checkbox" name="term" />Tôi đã đọc và đồng ý với chính sách về <a href="/rules-terms" tabindex="36" target="_blank">Quy định - Điều khoản của VNBankNet.com</a>.
                    </label>
                </div>
                <!-- Displaying Bottom Text-->

            </div>
            <div class="clr"></div>

            <div class="form-actions">
                <button id="submit-deposit" type="button" data-mini="true" data-role="button" data-corners="false" data-iconpos="right" data-icon="arrow-r" data-theme="b" class="btn">Tham gia</button>
            </div>
        </form>



    </div>
</div>
